.bk-container{
    width: 100vw;
    height: 100vh;
    position: relative;
    background-color: #F5F7F9;
    overflow: hidden;
    .bk-left{
        height: 100%;
        width: 15%;
        background-color: #515A6E;
        .bk-left-ul{
            list-style: none;
            width: 100%;
            padding: 0;
            margin: 0;
            a{
                text-decoration: none;
                color: #C3CECD;
            }
            li{
                transition: all .5s;
                float: top;
                width: 100%;
                padding: 16px 0 16px 30%;
                line-height: 100%;
                vertical-align: center;
                &:hover{
                    cursor: pointer;
                    a {
                        color: white;
                    }
                    span{
                        color: white;
                    }
                }
                span{
                    color: #C3CECD;
                    margin-right: 12px;
                    font-size: 10px;
                }
            }
            li.active{
                transition: .5s;
                background-color: #363E4F;
                a{
                    color: #2D8CF0;
                }
                span{
                    color: #2D8CF0;
                }
            }
        }
    }
    .bk-top{
        background-color: white;
        box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
        width: 85%;
        height: 6%;
        position: absolute;
        top: 0;
        left: 15%;
        .title{
            padding-left: 12px;
            color: #515A6E;
            span{
                font-size: 10px;
                background-color: #d9534f;
                border-radius: 5px;
                padding: 3px 6px;
                color: white;
                position: relative;
                top: -3px;
                margin-left: 4px;
            }
        }
        .info{
            position: absolute;
            right: 4%;
            top: 20%;
            color: #999C9E;
            span:first-child{
                padding-right: 20px;
            }
            span.logout{
                padding-left: 4px;
                &:hover{
                    cursor: pointer;
                    color: #D9534F;
                }
            }
        }
    }
    .bk-content{
        .hidden{
            display: none;
        }
        position: absolute;
        bottom: 0;
        left: 15%;
        height: 94%;
        width: 85%;
        padding-top: 6px;
        #echart{
            width: 100%;
            height: 100%;
            #echart1,#echart2,#echart3,#echart4{
                float: left;
                width: 49%;
                height: 48%;
                padding: 5px;
                border-radius: 5px;
                background-color: white;
                margin: 5px;
            }
            #echart1:hover,#echart1:hover,#echart3:hover,#echart4:hover{
                box-shadow: 0 0 1px 2px rgba(0,0,0,.1);
            }
        }
        #bk-found{
            width: 100%;
            height: 100%;
            padding: 4px;
            .bk-card{
                padding: 4px;
                background-color: white;
                box-shadow: 0 2px 2px 2px rgba(0,0,0,0.2);
                width: 100%;
                height: 100%;
                margin-top: -2px;
                border-radius: 5px;
                .bk-wige{
                    overflow: hidden;
                    width: 100%;
                    height: 100%;
                    .bk-wige-content{
                        width: 105%;
                        height: 100%;
                        overflow-y:scroll;
                        text-align: left;
                        .bk-card-content{
                            margin-top: 6px;
                            margin-left: 3%;
                            width: 91%;
                            ul{

                                width: 100%;
                                height: 200px;
                                margin:0;
                                padding: 0;
                                list-style-type: none;
                                li{
                                    margin-left: 0;
                                    margin-right: 1%;
                                    float: left;
                                    width: 19%;
                                    margin-bottom: 1%;
                                    background: white;
                                    box-shadow: 0 2px 4px 2px rgba(0,0,0,.2);
                                    a{
                                        text-decoration: none;
                                        color: black;
                                    }
                                    p:first-child{
                                        margin-bottom: 0;
                                        text-align: left;
                                        margin-left: 8%;
                                        margin-top: 5%;
                                    }
                                    p:nth-child(4){
                                        text-align: right;
                                        margin-top:1%;
                                        margin-right: 5%;
                                        margin-bottom: 0;
                                    }
                                    p:nth-child(5){
                                        text-align: left;
                                        margin-left: 5%;
                                        margin-right: 5%;
                                        margin-bottom: 0;
                                    }
                                    p:last-child{
                                        text-align: right;
                                        margin-right: 2%;
                                        color: red;
                                        margin-bottom: 0;
                                    }
                                    hr{
                                        width: 90%;
                                        margin: 5px 0;
                                        padding: 0;
                                    }
                                    img{
                                        margin-top: 5px;
                                        padding: 0;
                                        width:93%;
                                        height:200px;
                                        margin-left: 3.5%;
                                    }
                                    p{
                                        padding: 2px 0;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        #bk-lost{
            width: 100%;
            height: 100%;
            padding: 4px;
            .bk-card{
                padding: 4px;
                background-color: white;
                box-shadow: 0 2px 2px 2px rgba(0,0,0,0.2);
                width: 100%;
                height: 100%;
                margin-top: -2px;
                border-radius: 5px;
                .bk-wige{
                    overflow: hidden;
                    width: 100%;
                    height: 100%;
                    .bk-wige-content{
                        width: 105%;
                        height: 100%;
                        overflow-y:scroll;
                        text-align: left;
                        .bk-card-content{
                            margin-top: 6px;
                            margin-left: 3%;
                            width: 91%;
                            ul{

                                width: 100%;
                                height: 200px;
                                margin:0;
                                padding: 0;
                                list-style-type: none;
                                li{
                                    margin-left: 0;
                                    margin-right: 1%;
                                    float: left;
                                    width: 19%;
                                    margin-bottom: 1%;
                                    background: white;
                                    box-shadow: 0 2px 4px 2px rgba(0,0,0,.2);
                                    a{
                                        text-decoration: none;
                                        color: black;
                                    }
                                    p:first-child{
                                        margin-bottom: 0;
                                        text-align: left;
                                        margin-left: 8%;
                                        margin-top: 5%;
                                    }
                                    p:nth-child(4){
                                        text-align: right;
                                        margin-top:1%;
                                        margin-right: 5%;
                                        margin-bottom: 0;
                                    }
                                    p:nth-child(5){
                                        text-align: left;
                                        margin-left: 5%;
                                        margin-right: 5%;
                                        margin-bottom: 0;
                                    }
                                    p:last-child{
                                        text-align: right;
                                        margin-right: 2%;
                                        color: red;
                                        margin-bottom: 0;
                                    }
                                    hr{
                                        width: 90%;
                                        margin: 5px 0;
                                        padding: 0;
                                    }
                                    img{
                                        margin-top: 5px;
                                        padding: 0;
                                        width:93%;
                                        height:200px;
                                        margin-left: 3.5%;
                                    }
                                    p{
                                        padding: 2px 0;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}



